
<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!-- ===================== JS ===================== -->
<script src="js/libs/jquery-1.7.2.min.js"></script>
<script src="js/libs/bootstrap.min.js"></script>
<script src="js/libs/ios-orientationchange-fix.js"></script>
<script src="js/libs/jquery-ui-1.8.20.custom.min.js"></script>
<script src="js/plugins/widgets/jquery.sparkline.min.js"></script>
<script src="js/common.js"></script>

<!-- Site specific -->
<script src="js/libs/prettify.js"></script>
<script src="js/plugins/charts/jquery.flot.min.js"></script>
<script src="js/plugins/charts/jquery.flot.resize.min.js"></script>
<script src="js/plugins/charts/jquery.flot.pie.min.js"></script>
<script src="js/plugins/charts/jquery.flot.stack.min.js"></script>
<script src="js/plugins/charts/jquery.flot.symbol.min.js"></script>
<!--[if lt IE 9]>      
          <script type="text/javascript" src="js/plugins/charts/excanvas.min.js"></script>
    <![endif]-->
<script src="js/plugins/tables/jquery.dataTables.min.js"></script>
<script src="js/plugins/calendar/fullcalendar.min.js"></script>
<script src="js/plugins/formselements/chosen.jquery.min.js"></script>
<script src="js/plugins/formselements/scrollability.min.js"></script>
<script src="js/plugins/formselements/jquery.dropkick-1.0.0.js"></script>

<script src="js/script.js"></script>
<script src="js/specific/sparks.js"></script>
<script src="js/specific/index.js"></script>

<script type='text/javascript' src='https://www.google.com/jsapi'></script>
<div class="side_nav sidebar-nav" data-spy="affix" data-offset-top="150">
	<h3 class="main_menu group">
		<span class="title">Main Menu</span> <a id="nav_list_btn"
			class="btn-collapse btn btn-inverse"> <span
			class="sweet-gray sweet-go-back-from-screen">&nbsp;</span>
		</a>
	</h3>
	<ul class="nav nav-list">
		<li class="anal_web active" class="anal_web" id="anal_web1"><a
			href="${pageContext.request.contextPath}/template/">Dashboard</a></li>
		
		

		<li class="anal_web" id="anal_web4"><a class="optionTab charts"
			href="${pageContext.request.contextPath}/template/siteadmin"
			onclick="TabSelectionner(4)">Sites</a></li>
			
		<li class="anal_web" id="anal_web10"><a class="optionTab charts"
			href="${pageContext.request.contextPath}/template/compteadmin"
			onclick="TabSelectionner(10)">Gestion Comptes</a></li>

		
			
	
		
		
	</ul>
	
</div>
<!--/.well -->
<script type="text/javascript">
	var idPage = 0;
	var jContent = $("#AnalyseurContent");

	// Hook up link click events to load content.
	$(".optionTab").click(function(objEvent) {

		var jLink = $(this);

		// Clear status list.
		$("#ajax-status").empty();

		// Launch AJAX request.
		$.ajax({
			// The link we are accessing.
			url : jLink.attr("href"),

			// The type of request.
			type : "get",

			// The type of data that is getting returned.
			dataType : "html",

			error : function() {
				ShowStatus("AJAX - error()");

				// Load the content in to the page.
				jContent.html("<p>Page Not Found!!</p>");
			},

			beforeSend : function() {
				ShowStatus("AJAX - beforeSend()");
			},

			complete : function() {
				jContent.html();
			},

			success : function(strData) {
				// Load the content in to the page.
				jContent.html(strData);

				if (idPage == 2)
					drawRegionsMap();
			}
		});

		// Prevent default click.
		return (false);
	});

	function TabSelectionner(num) {
		idPage = num;
		if (num == null)
			num = 1;
		var jTabCurrent = $("#anal_web" + num);
		//var jTitre = $("#titre");
		var jTabs = $(".anal_web");
		jTabs.removeClass("active");
		// Onglet courant. 
		jTabCurrent.addClass("active");
		//jTitre.html($("#titre" + num).html());
	}
</script>
<script type="text/javascript">
	// I show the status on the screen.
	function ShowStatus(strStatus) {
		var jStatusList = $("#AnalyseurContent");
		jStatusList.html("");
		// Prepend the paragraph.
		var contentHtml = "<ul class=\"breadcrumb br_styled no_space\"><li class=\"active\">Chargement</li></ul>"
				+ "<ul class=\"page_info\"><li><img src=\"${pageContext.request.contextPath}/template/img/loaders/page_loader.gif\"/>"
				+ "</li></ul>";
		jStatusList.prepend(contentHtml);
	}
</script>
